<template>
  <div class>
     <el-table :data="tableData" border style="width: 100%">
          <el-table-column  align="center" width="80">
            <template slot="header">
             <el-button class="el-icon-circle-plus" @click.prevent="addRow()"></el-button>
            </template>
            <template slot-scope="scope">
              <el-button size="mini" type="danger" class="el-icon-remove"
              @click="handleDelete(scope.$index, scope.row)"></el-button>
          </template>
          </el-table-column>
          <el-table-column
            type="index"
            width="50" label="NO.">
          </el-table-column>
          <el-table-column label="资质名称" align="center">
            <template slot-scope="scope">
              <el-input v-model="scope.row.quaName"></el-input>
            </template>
          </el-table-column>
          <el-table-column label="发证机关" align="center">
            <template slot-scope="scope">
              <el-input v-model="scope.row.issueOrgan"></el-input>
            </template>
          </el-table-column>
          <el-table-column label="发证日期" align="center">
            <template slot-scope="scope">
              <el-date-picker type="date" placeholder="选择日期" v-model="scope.row.issueDate" style="width: 100%;" :editable="false"></el-date-picker>
            </template>
          </el-table-column>
          <el-table-column label="有效期限" align="center">
            <template slot-scope="scope">
              <el-input v-model="scope.row.effectiveTerm"></el-input>
            </template>
          </el-table-column>

          <el-table-column label="备注" align="center">
            <template slot-scope="scope">
              <el-input v-model="scope.row.remark"></el-input>
            </template>
          </el-table-column>
        </el-table>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {
     tableData: []
    };
  },
  computed: {},
  mounted() {
 
  },
  methods: {
    getdata(){
      return this.tableData
    },
    // 增加行
    addRow() {
      var list = {
      }
      this.tableData.unshift(list)
    },
    handleDelete(index, row) {
        this.tableData.splice(index, 1);
      }

  },
  created() {}
};
</script>
<style lang='scss' scoped>

</style>